import React from "react";
import a1 from "../../assets/images/tu1_03.jpg";
import a2 from "../../assets/images/tu2_03.jpg";
import a3 from "../../assets/images/tu3_03.jpg";
import { Pagination } from "antd";
import "./user.css";
import { useNavigate } from "react-router-dom";
function User() {
  const navigate = useNavigate();
  const toDetail = () => {
    navigate("/Detail");
  };
  const toDetail2 = () => {
    navigate("/Detail2");
  };
  const toDetail3 = () => {
    navigate("/Detail3");
  };
  return (
    <div className="box">
      <div className="box1" onClick={toDetail}>
        <img src={a1} alt="" />
        <p>TEST</p>
        <p>23333 Jack</p>
        <p>GKing 2023-06-09</p>
      </div>
      <div className="box1" onClick={toDetail2}>
        <img src={a2} alt="" />
        <p>23333</p>
        <p>暂无标签 23333</p>
        <p>暂无作者 2023-06-08</p>
      </div>
      <div className="box1" onClick={toDetail3}>
        <img src={a3} alt="" />
        <p>新增博客项</p>
        <p>暂无标签</p>
        <p>暂无作者 2023-06-08</p>
      </div>
      <Pagination
        total={3}
        showSizeChanger
        showQuickJumper
        showTotal={(total) => `Total ${total} items`}
      />
    </div>
  );
}

export default User;
